<template>
  <div class="more">
      <x-header :left-options="{showBack: true, backText:'更多'}"></x-header>
      <div class="more-logo"><img src="/dist/static/img/more.png" alt=""></div>
      <p class="copy-r">unisever V{{version}}</p>
      <div class="weui-cells"><router-link to="/dist/Share"><div  class="weui-cell weui-cell_access"><div class="weui-cell__bd">分享给好友</div><div  class="weui-cell__ft"></div></div></router-link></div>
  </div>
</template>

<script>
import { XHeader } from 'vux'

export default {
  components: {
    XHeader
  },
  data(){
    return{
      version:null,
    }
  },
  created() {
    this.$http.get('/api/versions/last').then((res)=>{
      if(res.body.data ==null ){
        this.version = '1.0.0';
      }else{
        this.version = res.body.data.name;
      }
    })
  }
}
</script>

<style scoped lang="less">
@import '~vux/src/styles/1px.less';
.more{
  background-color:#f6f5f5;
}
.more-logo{
  height:10.4rem;
  width:10.4rem;
  margin-top:6rem;
  margin-left:50%;
  transform:translateX(-5.2rem);
}
.more-logo img{
  width:100%;
  height:auto;
}
.copy-r{
  text-align:center;
  font-size:16px;
  color:#3f3f3f;
  margin:1.6rem 0;
}
.weui-cells a{
  color:#3f3f3f;
  font-size:16px;
}
.weui-cell{
  padding:10px 20px;
}
.vux-header{
  background-color:#ff4d4d;
}
</style>